<!-- 模块说明 -->
<template>
    <div>
        <div class="top">
            <div>
                <van-nav-bar title="帮助" left-text="" left-arrow @click-left="onClickLeft" />
            </div>
        </div>
        <div class="center">
            <div class="color"></div>
            <div class="gongN same">
                <ul>
                    <li @click="showPopup">
                        <div>
                            <span>交易流程</span>
                        </div>
                        <span class="s1">
                            <van-icon name="arrow" />
                        </span>
                    </li>
                    <li @click="showPopup1">
                        <div>
                            <span>审核规则</span>
                        </div>
                        <span class="s1">
                            <van-icon name="arrow" />
                        </span>
                    </li>
                    <li @click="showPopup2">
                        <div>
                            <span>批量出售</span>
                        </div>
                        <span class="s1">
                            <van-icon name="arrow" />
                        </span>
                    </li>
                    <li @click="showPopup3">
                        <div>
                            <span>收费说明</span>
                        </div>
                        <span class="s1">
                            <van-icon name="arrow" />
                        </span>
                    </li>
                    <li @click="showPopup4">
                        <div>
                            <span>运费说明</span>
                        </div>
                        <span class="s1">
                            <van-icon name="arrow" />
                        </span>
                    </li>
                    <li @click="showPopup5">
                        <div>
                            <span>积分规则</span>
                        </div>
                        <span class="s1">
                            <van-icon name="arrow" />
                        </span>
                    </li>
                    <li>
                        <div>
                            <span>联系客服</span>
                        </div>
                        <span class="s1">
                            <van-icon name="arrow" />
                        </span>
                    </li>
                </ul>
            </div>
        </div>
        <van-popup v-model:show="show" position="bottom" :style="{ height: '50%' }">
            <p>1.选定书籍加入购物车</p>
            <p>2.提交订单等待卖家确认最终订单价格</p>
            <p>3.卖家修改订单总价</p>
            <p>4.买家支付订单</p>
            <p>5.卖家发货填写快递单号</p>
            <p>6买家收到快递后确认收货(如买家未点击确认收货，系统会在指定时间自动确认收货，如未在此之前收到货，请在
                订单详情页点击延长收货时间或申请退款)</p>
            <p>7.卖家收到订单钱款</p>
            <p>8.卖家申请提现，填写相关提现信息</p>
            <p>9.五个工作日内钱款提现到账</p>
        </van-popup>
        <van-popup v-model:show="show1" position="bottom" :style="{ height: '50%' }">
            <p>以下情形不允许发布</p>
            <p>1.非中国大陆地区出版书籍</p>
            <p>2.影印版书籍、电子书籍</p>
            <p>3各类封建迷信、反动色情及盗版书籍</p>
            <p>4.封面不清楚</p>
            <p>5.封面有无关内容</p>
            <p>6.封面有大面积黑色区域</p>
            <p>7.图片与书籍不对应(如一张照片里拍了多本书籍一起出售)</p>
            <p>8.书籍信息不准确(虚标原价、无ISBN等)</p>
            <p>9.其它本平台认为不适合上架的书籍</p>
        </van-popup>
        <van-popup v-model:show="show2" position="bottom" :style="{ height: '30%' }">
            <p>通过电脑网页访问</p>
            <p>http://www.jiushujie.com/import/batchCreate,下载excel模板后按示例进行编辑再将文件上传</p>
            
        </van-popup>
        <van-popup v-model:show="show3" position="bottom" :style="{ height: '30%' }">
            <p>账户累计提现不足500元按提现金额的1%收取累计提现含未处理完成的)大于等于500元时,按提现金额的5%收取手续费,最低手续费1元,不足0.1元的部分按0.1元收取。账户余额可以直接在旧书街上购买书籍，这样可以避免提现手续费损失哦</p>
        </van-popup>
        <van-popup v-model:show="show4" position="bottom" :style="{ height: '30%' }">
            <p>1.购买数量小于等于首件: 运费=首费</p>
            <p>2.购买数量大于首件:运费=首费+(购买数量-首件)续费</p>
            <p>3.书价满包邮: 购买书籍价格达到设定值免运费</p>
            <p>4.数量满包邮:购买书籍数量达到设定值免运费</p>
            <p>5.未设置的省份按照系统默认收费</p>
        </van-popup>
        <van-popup v-model:show="show5" position="bottom" :style="{ height: '30%' }">
            <ul>
                <li style="margin-bottom:30px">
                    <div style="display:flex;justify-content: space-between;align-items: center;">推荐注册<span>+ 100</span></div>
                </li>
                <li>
                    <div  style="display:flex;justify-content: space-between;align-items: center;">签到<span>+ 5</span></div>
                </li>
            </ul>
        </van-popup>
    </div>
</template>

<script setup>
import { ref } from 'vue';


const onClickLeft = () => history.back();
const show = ref(false);
const showPopup = () => {
    show.value = true;
};
const show1 = ref(false);
const showPopup1 = () => {
    show1.value = true;
};
const show2 = ref(false);
const showPopup2 = () => {
    show2.value = true;
};
const show3 = ref(false);
const showPopup3 = () => {
    show3.value = true;
};
const show4 = ref(false);
const showPopup4 = () => {
    show4.value = true;
};
const show5 = ref(false);
const showPopup5 = () => {
    show5.value = true;
};
</script>

<style lang="scss" scoped>
.top {
    height: 7vh;
    // border-bottom: 1px solid red;
}

.center {
    
    .gongN {
        margin-top: 10px;
        overflow: hidden;

        li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px;
            border-bottom: 1px solid #e1e1e1;

            .s1 {
                color: #a1a1a1;
            }
        }
    }

    .color {
        height: 10px;
        background-color: #f1f1f1;
    }

    .tuichu {
        height: 40px;
        font-size: 20px;
        color: #ccad74;
        text-align: center;
        line-height: 40px;
    }
}
</style>
